<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // localStorage可以永久的存储在本地
        // sessionStorage是会话级别的存储，一旦会话窗口关闭，则存储失效
        /*
            相同点：
                都是保存在浏览器端
                不会把数据自动的发送给服务器，仅保存在本地
                只能存字符串，可以将对象JSON.stringfy()编码之后进行存储

            不同点：
                存储大小限制不同，sessionStorage存储的大小为5MB，而localStorage有20MB
                数据有效期不同：localStorage可以永久保存，始终有效，一直保存，只要你不清。但sessionStorage一旦会话窗口关闭，则存储失效
                作用域不同，sessionStorage在不同的浏览器窗口是不会共享的，localStorage可以在所有同源的窗口下共享的

            使用场景：
                localStorage更适合保存在本地的数据，sessionStorage更适合敏感账号的一次性登录
        */ 

        
    </script>
</body>
</html>